.banner {
  width: 100%;
  height: 15.96rem;
  background: url('/src/img/news/29.jpg') no-repeat center center;
  background-size: cover;
}

h1 {
  text-align: center;
  font-size: 1.5rem;
  margin-bottom: 3.63rem;
}

.img-content {
  display: none;
  transition: all ease  .5s;
  img {
    width: 100%;
  }
}

.tab-text {
  h2 {

    font-size: .88rem;
    font-weight: 700;
    color: #3c3c3c;
    padding-bottom: 1.5rem;
    margin: 0;
    height: 1.13rem;
    line-height: 1.38rem;

    span {
      padding: .25rem .31rem;
      background-color: #fd6252;
      color: #fff;
    }
  }

  h3 {
    font-size: .88rem;
    font-weight: 700;
    color: #3c3c3c;
    display: flex;
    justify-content: space-between;

    em {
      font-size: .75rem;
      color: #a7a7a7;
      font-style: normal;
      font-weight: normal;
    }


  }

  p {
    transition: all ease-in-out  .5s;
    padding-top: 1.3rem;
    font-size: .88rem;
    color: #a7a7a7;
    line-height: 1.5rem;

  }
}

.news-main {
  margin-top: 3rem;
  background-color: #f5f5f5;
  padding-bottom: 4.7rem;

  .tab-tit {
    padding-top: 2.38rem;
    display: flex;
    justify-content: center;

    span {
      font-family: ArialMT;
      font-size: 0.88rem;
      font-weight: normal;
      letter-spacing: 0rem;
      color: #c8c8c8;
      padding-right: 4rem;
    }

    span:last-child {
      padding: 0;
    }
  }

  .tab-main {
    .ccx {
      margin-top: 1.88rem;
    }

    .tab-card {

      box-sizing: border-box;
      background-color: #fff;
      display: flex;
      padding: 1.5rem;
      align-items: center;



      .card-l {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
        padding-right: 1.88rem;
        margin-bottom: .5rem;

        p {
          margin: 0;
        }

        p:first-child {
          font-size: 2.75rem;
          color: #696969;
        }

        p:last-child {
          font-size: .75rem;
          color: #a4a4a4;
        }
      }

      .card-r {
        width: 80%;

        p {
          display: block;
          margin: 0;
        }

        p:first-child {
          font-weight: 700;
          font-size: .88rem;
          color: #464646;
          margin-bottom: 1rem;
        }

        p:last-child {
          font-size: .88rem;
          color: #a2a2a2;
        }
      }



    }

  }

  .pagination {
    display: flex;
    justify-content: center;
    margin-top: 3.5rem;

    li {
      font-size: .88rem;
      border: 1px solid #e9e9e9;
      padding: .38rem .55rem;
      margin-right: .44rem;

      a {
        color: #7d667d;


      }

    }
  }
}



.tab-active {
  color: #fd6252 !important;
}

.zxc {
  display: none;
}

.active .zxc {
  display: block;
}


.tab-card:hover {

  background-color: #fd6252 !important;
  color: #fff !important;

}

.tab-card:hover p {
  color: #fff !important;
}

.tab-content {
  display: none;
}